<!-- <link rel="stylesheet" type="text/css" href="css/style.css" />
 -->
		<script type="text/javascript" src="jquery/jquery.min.js"></script>

        <style type="text/css">
        	#lightbox{
				display:none;
        		background:#000000;
				opacity:0.9;
				filter:alpha(opacity=90);
        		position:absolute;
				top:0px;
				left:0px;
				min-width:100%;
				min-height:100%;
				z-index:1000;
        	}
			#lightbox-panel{
				display:none;
				position:fixed;
				top:20px;
				left:30%;
				margin-left:-200px;
				width:75%;
				background:#FFFFFF;
				padding:10px 15px 10px 15px;
				border:2px solid #CCCCCC;
				z-index:1001;
				height: 75%;
			}
		</style>

		<script type="text/javascript">
			$(document).ready(function(){
				$("a#close-panel").click(function(){
					$("#lightbox, #lightbox-panel").fadeOut(300);
				})
			})
		</script>

<script type="text/javascript" src="jquery/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("a#show-panel").click(function()
{	
var test=this.getAttribute('href');
var dataString = 'test='+ test;

//alert(test);
$.ajax
({
type: "POST",
url: "ajax_vendor_profile.php",
data: dataString,
cache: false,
success: function(html)
{
	$("#lightbox, #lightbox-panel").fadeIn(300);
	$("#lightbox-panel").html(html);
	$("#close").show();
} 
});
});

$("#lightbox").click(function()
{
	$("#lightbox, #lightbox-panel").hide();
});
								  
});
</script>
<div id="views">
<center>
<table border="0" width="90%">
    
	<tr  bgcolor="#dddddd" align="center">
		<td style="color:#050505;"><b>Vendor Profile</b></td>
	</tr>
	<tr>
		<td>
			<table border="1" id="viewdetails" cellpadding="0" cellspacing="2" width="90%" align="center">
			<?php

			$sql = mysql_query('SELECT * FROM vendors');
			$i='1';
			while($result = mysql_fetch_array($sql))
			{
			?>

			<tr>
				<td align ="left">
			
					<table>
						<tr>
							<td align="left" style="width: 200px;">
								<?php echo $result['company_name']; ?>
							</td>
						    <td>
								<a href="#?<?php echo $result['vendors_id'];?>" id="show-panel">[ View Profile ]</a>								
						    </td>
						</tr>
					</table>
				
				</td>
			</tr>
			<?php $i++;
			}	
			?>

			</table>

		</td>
    </tr>
</table>
</center>
</div>


<div id="lightbox-panel">

	<div id="close">
		<p align="center">
			<a id="close-panel" href="#">Close this window</a>
		</p>
	</div>
</div>

<div id="lightbox" style="width: 100%; height: 1247px;"></div>